<!-- 报告审核单工程师二审 -->
<template>
  <view class="page">
		<u--form
			labelPosition="top"
			:model="form"
			:rules="rules"
			ref="form"
			labelWidth="auto"
			:labelStyle="{
				fontSize: '14px',
				color: '#B2B2B2',
				lineHight: '20px'
			}">
			<view class="basic-style">
				<view class="basic-title basic-border">基础信息</view>
				<u-form-item
					label="单据编号"
					prop="billNo"
					:borderBottom="false"
				>
					<u--input
						disabled
						placeholder="请输入单据编号"
						v-model="form.billNo"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="申请时间"
					prop="createTime"
					:borderBottom="false"
				>
					<u--input
						v-model="form.createTime"
						disabled
						placeholder="请选择时间"
						border="surround"
						suffixIcon="calendar-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></u--input>
				</u-form-item>
				<u-form-item
					label="申请人"
					prop="handlerId"
					:borderBottom="false"
				>
					<h-select-person-input
						style="width: 100%"
						disabled
						v-model="form.handlerId"
						placeholder="请选择申请人"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.handlerId"
					></h-select-person-input>
				</u-form-item>
				<u-form-item
					label="申请部门"
					prop="handlerDeptId"
					:borderBottom="false"
				>
					<h-select-depart-input
					  disabled
					  v-model="form.handlerDeptId"
					  :departName="form.proposerDeptText"
					  placeholder="请选择部门"
					  border="surround"
					  style="width: 100%"
					  suffixIcon="arrow-down-fill"
					  :suffixIconStyle="{ color: '#B2B2B2' }"
					  :title.sync="form.proposerDeptText"
					></h-select-depart-input>
				</u-form-item>
			</view>
			<view class="basic-style">
				<view class="basic-title basic-border">项目信息</view>
				
				<u-form-item
					label="项目名称"
					prop="projectId_dictText"
					:borderBottom="false"
					required
				>
					<u--input
						disabled
						placeholder="请选择项目名称"
						v-model="form.projectId_dictText"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></u--input>
				</u-form-item>
				<u-form-item
					label="项目编号"
					prop="finalNo"
					:borderBottom="false"
				>
					<u--input
						v-model="form.finalNo"
						disabled
						placeholder="请输入项目编号"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="关联任务"
					prop="taskNo"
					required
					:borderBottom="false"
				>
					<u--input
						v-model="form.taskNo"
						disabled
						placeholder="请选择关联任务"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="业务名称"
					prop="categoryName"
					:borderBottom="false"
				>
					<u--input
						v-model="form.categoryName"
						disabled
						placeholder="请输入业务名称"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="项目负责人"
					prop="projectLeading"
					:borderBottom="false"
				>
					<h-select-person-input
						style="width: 100%"
						disabled
						v-model="form.projectLeading"
						placeholder="请选择项目负责人"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.projectLeading"
					></h-select-person-input>
				</u-form-item>
				<u-form-item
					label="生产团队"
					prop="productTeam"
					:borderBottom="false"
				>
					<h-select-team-input
						style="width: 100%;"
						disabled
						v-model="form.productTeam"
						objectField="form.productTeam"
						placeholder="请选择生产团队"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						:tdlx="2"
					></h-select-team-input>
				</u-form-item>
				<u-form-item
					label="实施部门"
					prop="executeDepart"
					:borderBottom="false"
				>
					<h-select-depart-input
					  v-model="form.executeDepart"
					  :departName="form.executeDepartText"
					  placeholder="请选择部门"
					  disabled
					  border="surround"
					  style="width: 100%"
					  suffixIcon="arrow-down-fill"
					  :suffixIconStyle="{ color: '#B2B2B2' }"
					  :title.sync="form.executeDepartText"
					  @detail="onExecuteDepartInput"
					></h-select-depart-input>
				</u-form-item>
				<u-form-item label="资质单位" prop="qualificationUnit" required>
				  <h-select-company-input
					disabled
					style="width: 100%"
					v-model="form.qualificationUnit"
					border="surround"
					placeholder="请选择资质单位"
					suffixIcon="arrow-down-fill"
					:suffixIconStyle="{ color: '#B2B2B2' }"
					objectField="form.qualificationUnit"
				  ></h-select-company-input>
				</u-form-item>
				<u-form-item
					label="签订单位"
					prop="signUnit"
					:borderBottom="false"
				>
					<h-select-company-input
						disabled
						style="width: 100%"
						v-model="form.signUnit"
						border="surround"
						placeholder="请选择签订单位"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{ color: '#B2B2B2' }"
						objectField="form.signUnit"
					></h-select-company-input>
				</u-form-item>
				<u-form-item
					label="项目所在地址"
					prop="areaCode"
					:borderBottom="false"
				>
					<h-select-address-input
						disabled
						style="width: 100%"
						v-model="form.areaCode"
						placeholder="请选择项目地址"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></h-select-address-input>
				</u-form-item>
				<u-form-item
					label="项目详细地址"
					prop="projectAddress"
					:borderBottom="false"
				>
					<u--input
						v-model="form.projectAddress"
						disabled
						placeholder="请输入项目详细地址"
					></u--input>
				</u-form-item>
				
				<template v-if="form.hideFlag == 1">
					<u-form-item
						label="行业类别"
						prop="industryCategory"
						:borderBottom="false"
					>
						<h-dict-select
							style="width: 100%" 
							disabled
							v-model="form.industryCategory"
							placeholder="请选择行业类别" 
							dictName="industry_category"
							suffixIcon="arrow-down-fill"
							:suffixIconStyle="{color: '#B2B2B2'}"
						></h-dict-select>
					</u-form-item>
					<u-form-item
						label="行业系数"
						prop="industryCoefficient"
						:borderBottom="false"
					>
						<u--input
							v-model="form.industryCoefficient"
							placeholder="请输入行业系数"
							type="number"
							disabled
							@blur="onBlur(form.industryCoefficient, 'industryCoefficient')"
							border="surround"
						></u--input>
					</u-form-item>
					<u-form-item
						label="审批类别"
						prop="approvalLevel"
						:borderBottom="false"
					>
						<h-dict-select
							style="width: 100%" 
							disabled
							v-model="form.approvalLevel"
							placeholder="请选择审批类别" 
							dictName="approval_level"
							suffixIcon="arrow-down-fill"
							:suffixIconStyle="{color: '#B2B2B2'}"
						></h-dict-select>
					</u-form-item>
					<u-form-item
						label="审批系数"
						prop="approvalCoefficient"
						:borderBottom="false"
					>
						<u--input
							v-model="form.approvalCoefficient"
							type="number"
							disabled
							@blur="onBlur(form.approvalCoefficient, 'approvalCoefficient')"
							placeholder="请选择审批系数"
							border="surround"
						></u--input>
					</u-form-item>
					<u-form-item
						label="复杂程度"
						prop="complexity"
						:borderBottom="false"
					>
						<h-dict-select
							style="width: 100%" 
							disabled
							v-model="form.complexity"
							placeholder="请选择复杂程度" 
							dictName="industry_coefficient"
							suffixIcon="arrow-down-fill"
							:suffixIconStyle="{color: '#B2B2B2'}"
						></h-dict-select>
					</u-form-item>
					<u-form-item
						label="复杂系数"
						prop="complexCoefficient"
						:borderBottom="false"
					>
						<u--input
							v-model="form.complexCoefficient"
							type="number"
							disabled
							@blur="onBlur(form.complexCoefficient, 'complexCoefficient')"
							placeholder="请输入复杂系数"
							border="surround"
						></u--input>
					</u-form-item>
				</template>
				<u-form-item
					label="项目成果"
					prop="projectResult"
					:borderBottom="false"
					required
				>
					<u--textarea 
						v-model="form.projectResult" 
						:maxlength="1000" 
						disabled 
						confirmType="done" 
						placeholder="请输入项目成果" 
					></u--textarea>
				</u-form-item>
				<u-form-item
					label="备注"
					prop="remark"
					:borderBottom="false"
				>
					<u--textarea 
						v-model="form.remark" 
						:maxlength="200" 
						disabled 
						confirmType="done" 
						placeholder="请输入备注" 
					></u--textarea>
				</u-form-item>
				<u-form-item
					label="工程师(二审)"
					prop="engineerSecondReview"
					:borderBottom="false"
				>
					<h-select-person-input
						style="width: 100%"
						v-model="form.engineerSecondReview"
						placeholder="请选择工程师"
						border="surround"
						disabled
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.engineerSecondReview"
					></h-select-person-input>
				</u-form-item>
				<u-form-item
					label="工程师(三审)"
					prop="engineerThirdReview"
					:borderBottom="false"
				>
					<h-select-person-input
						style="width: 100%"
						disabled
						v-model="form.engineerThirdReview"
						placeholder="请选择工程师"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.engineerThirdReview"
					></h-select-person-input>
				</u-form-item>
				<u-form-item
					label="项目评审情况"
					prop="reviewResult"
					:borderBottom="false"
				>
					<h-dict-select
						style="width: 100%"
						v-model="form.reviewResult"
						disabled
						placeholder="请选择项目评审情况" 
						dictName="review_result"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></h-dict-select>
				</u-form-item>
				<u-form-item label="二审审核费" prop="secondReviewFee" required>
				  <h-money-input
				  	placeholder="请输入二审审核费"
				  	v-model="form.secondReviewFee"
				  ></h-money-input>
				</u-form-item>
				<u-form-item label="专审人员" prop="specializedAuditors" :borderBottom="false">
				  <h-select-person-input
				    disabled
				    style="width: 100%"
				    v-model="form.specializedAuditors"
				    placeholder="请选择专审人员"
				    border="surround"
				    suffixIcon="arrow-down-fill"
				    :suffixIconStyle="{ color: '#B2B2B2' }"
				    objectField="form.specializedAuditors"
				  ></h-select-person-input>
				</u-form-item>
				<u-form-item label="二审审核费计算过程" prop="secondReviewProcess" required>
				  <u--textarea
					:maxlength="1000"
					confirm-type="send"
					v-model="form.secondReviewProcess"
					placeholder="请输入二审审核费计算过程"
				  ></u--textarea>
				</u-form-item>
				<u-form-item label="三审审核费" prop="thirdReviewFee">
				  <h-money-input
				  	placeholder="请输入三审审核费"
				  	v-model="form.thirdReviewFee"
				  ></h-money-input>
				</u-form-item>
				<u-form-item label="三审审核费计算过程" prop="thirdReviewProcess">
				  <u--textarea
					:maxlength="1000"
					confirm-type="send"
					v-model="form.thirdReviewProcess"
					placeholder="请输入三审审核费计算过程"
				  ></u--textarea>
				</u-form-item>
				<u-form-item label="费用所属团队" prop="feeTeamId" required>
				  <h-select-team-input
					style="width: 100%"
					v-model="form.feeTeamId"
					objectField="form.feeTeamId"
					placeholder="请选择费用所属团队"
					border="surround"
					:tdlx="3"
				  />
				</u-form-item>
			</view>
		</u--form>
		<view style="padding: 8px 16px">
		  <default-list name="附件">
			<file-list :fileList="form.file"></file-list>
		  </default-list>
		</view>

		<view class="space-x-1 px-1 btn_position">
			<backButton  @onSubmit="onSubmit" :nodeObj="nodeObj" :model="model" :resultObj="resultObj"></backButton>
		</view>
		<view style="height: 100rpx;"></view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
import fileList from './components/fileList.vue'
import backButton from '@/components/backButton.vue'
import http from '@/utils/request'
import { filterMultiDictText, initDictOptions } from '@/utils/JDictSelectUtil.js'
import {
	getProcessTaskTransInfo, // 流程流转
  erpOmcTaskReportAuditQuerybyid, // 根据id查询信息
  erpOmcTaskReportAuditEdit, // 编辑
  erpOmcTaskReportAuditAdd, // 提交
  erpOmcProjectId, // 获取项目详情
  erpOmcTaskDistributionDtList, // 获取项目成员列表
  erpOmcTaskDistributionEdit, // 编辑
  queryUsersByUsernames, // 部门负责人带入
} from '@/api/index.js'
import { BASE_URL } from '@/utils/baseUrl.js'
import { convertCurrency } from '@/utils/MoneyConvert' // 金额大写转换
import { mapState } from 'vuex'
import defaultList from './components/defaultList.vue'
export default {
  components: {
    fileList,
    defaultList,
		backButton
  },
  data() {
    return {
			resultObj: {}, // 流程图流转信息
      detailData: {},
      form: {
        id: '',
        secondReviewFee: '',
        secondReviewProcess: '',
        thirdReviewFee: '',
        thirdReviewProcess: '',
        feeTeamId: '',
        feeTeamId_dictText: '',
      },
      rules: {
		secondReviewFee: [{ required: true, message: '请输入二审审核费!' }],
		secondReviewProcess: [{ required: true, message: '请输入二审审核费计算过程!' }],
		feeTeamId: [{ required: true, message: '请选择费用所属团队!' }],
      },
      filterMultiDictText,
      initDictOptions,
      dictOptions: {},
      cust_lxr: 'erp_omc_customer_manager_contact,lxr,id,del_flag=0 and main_id=0',
      distributionDtList: [], // 项目成员列表
      showManagerTrusteePopup: false, // 弹窗开关
      clickManagerEntrustPopup: '', // 点击编辑还是新增
      commissionedIndex: 0, // 点击编辑的index值
      managerTrusteeForm: {
        projectMember: '',
        contractAmount: '',
        contractRate: '',
      }, // 对象

      isRefresh: false, // 获取项目信息时是否清空数据 false - 不清空
      isContractNoInfoRefresh: false, // 获取合同信息时是否清空数据 false - 不清空
      isSubmit: false,
      basicForm: {},
      nodeObj: {},
      tabvalue: '',
      id: '', // 详情id值
      model: {},
      clickManagerTrusteePopup: '', // 点击编辑还是新增

      managerTrusteeIndex: 0, // 点击编辑的index值
      userInformation: '', // 用户信息
    }
  },
  onLoad(options) {
    this.model = JSON.parse(decodeURIComponent(options.item))
		var eventChannel = ''
    var that = this
    // #ifdef APP-NVUE
    eventChannel = this.$scope.eventChannel // 兼容APP-NVUE
    // #endif
    // #ifndef APP-NVUE
    eventChannel = this.getOpenerEventChannel()
    // #endif
    // 监听sendMessage事件，获取上一页面通过eventChannel传送到当前页面的数据
    eventChannel.on('sendMessage', function (data) {
      that.tabvalue = data.tabvalue
      that.nodeObj = JSON.parse(decodeURIComponent(data.nodeObj))
      that.loadData(that.nodeObj.dataId)
			that.getProcessTaskTrans(that.model.id)
      // that.getNodePositionInfoData(that.model.processInstanceId)
      // if (this.tabvalue == '待办') {
      //   that.getProcessTaskTrans(that.model.id)
      // }
      // that.initDictConfig()
    })
  },
  methods: {
    ...mapState(['userInfo']),
    // 查询预立项申请详情
    loadData(id) {
      erpOmcTaskReportAuditQuerybyid({ id }).then( async (res) => {
        if (res.success) {
          this.form = {...res.result}
		  this.taskNumber(res.result.taskId)
		  
        } else {
          this.$refs.uToast.show({
            message: res.message,
            type: 'error',
          })
        }
      })
    },

    // 获取项目编号
    projectNumber(projectId) {
      erpOmcProjectId({ id: projectId }).then((res) => {
        if (res.success) {
          this.$set(this.basicForm, 'finalNo', res.result.finalNo) // 项目编号
        } else {
          this.$refs.uToast.show({
            message: res.message,
            type: 'error',
          })
        }
      })
    },
    // 获取任务编号
		taskNumber(taskId) {
			if (!taskId) {
				return false
			}
		  http.get('/api/erp/omc/project/erpOmcProjectTask/queryById', { id: taskId }).then((res) => {
		    if (res.success) {
		      var event = res.result
		      this.$set(this.form, 'taskNo', event.billNo?event.billNo: taskId) // 任务编号
		    } else {
					this.$set(this.form, 'taskNo', taskId) // 任务编号
		      this.$refs.uToast.show({
		        message: res.message,
		        type: 'error',
		      })
		    }
		  }).catch(err => {
				this.$set(this.form, 'taskNo', taskId) // 任务编号
			})
		},

    // 获取项目成员列表
    getMemberList(mainId) {
      erpOmcTaskDistributionDtList({ mainId }).then((res) => {
        if (res.success) {
          this.distributionDtList = res.result || []
        } else {
          this.$refs.uToast.show({
            message: res.message,
            type: 'error',
          })
        }
      })
    },

    async initDictConfig() {
      // 人员名称
      initDictOptions('erp_employee_file,name,id').then((res) => {
        if (res.success) {
          this.$set(this.dictOptions, 'projectMember', res.result)
        }
      })
    },

    // 选择实施部门
    onExecuteDepartInput(item) {
      if (!item[0].minister) {
        this.$set(this.basicForm, 'minister', undefined)
        return false
      }
      //
      // 复制部门负责人
      queryUsersByUsernames({ usernames: item[0].minister }).then((res) => {
        var idsArr = []
        var ids = ''
        if (res && res.length) {
          res.map((value) => {
            idsArr.push(value.empId)
          })
        }
        ids = idsArr.toString()

        this.$set(this.basicForm, 'minister', ids)
      })
    },

    // 约束数字输入框
    onBlur(item, text) {
      if (item == undefined || item == null) {
        return false
      }
      var num = Number(item)
      if (num <= 0) {
        num = 0
      }
      if (num >= 99999) {
        num = 99999
      }
      this.basicForm[text] = num.toFixed(1)
    },
    onBlurBaicMoney(item, text) {
      if (item == undefined || item == null) {
        return false
      }
      var num = Number(item)
      if (num <= 0) {
        num = 0
      }
      if (num >= 99999999) {
        num = 99999999
      }
      this.basicForm[text] = num.toFixed(2)
    },

    // 点击编辑
    onManagerEntrustEdit(item, index) {
      this.managerTrusteeForm = { ...item }
      this.commissionedIndex = index
      this.clickManagerEntrustPopup = 'edit'
      this.showManagerTrusteePopup = true
    },
    // 点击删除
    onManagerEntrustDelete(item, index) {
      let _this = this
      uni.showModal({
        title: '确定删除',
        content: '确定删除此信息？',
        success(res) {
          if (res.confirm) {
            _this.distributionDtList.splice(index, 1)
          } else if (res.cancel) {
						// 用户点击取消
          }
        },
      })
    },

    // 点击新增
    onManagerEntrustAdd() {
      this.managerTrusteeForm = {
        projectMember: '',
        contractAmount: '',
        contractRate: '',
      } // 对象
      this.clickManagerEntrustPopup = 'add'
      this.showManagerTrusteePopup = true
    },

    //输入金额
    moneyChange(item) {
			if (!Number(this.basicForm.contractAmount)) {
				return this.managerTrusteeForm.contractRate = 0.00
			}
      this.managerTrusteeForm.contractRate = (
        (Number(this.managerTrusteeForm.contractAmount) / Number(this.basicForm.contractAmount)) *
        100
      ).toFixed(2)
    },

    // 金额约束
    onMoneyBlur(item) {
      if (item == undefined || item == null) {
        return false
      }
      var num = Number(item)
      if (num <= 0) {
        num = 0
      }
      if (num >= 99999999) {
        num = 99999999
      }
      this.managerTrusteeForm.contractAmount = num.toFixed(2)
    },

    showMessage(message) {
      uni.showToast({
        title: message,
        icon: 'none',
      })
    },
    // 子表确定按钮
    onConfirmManagerTrusteePopup() {
      // this.getManagerTrusteeId(this.managerTrusteeForm.gsdaId)
      if (!this.managerTrusteeForm.projectMember) {
        this.showMessage('请选择项目成员')
        return
      }
      if (this.managerTrusteeForm.contractAmount == '' || this.managerTrusteeForm.contractAmount == null) {
        this.showMessage('请输入分配合同额')
        return
      }
      if (this.managerTrusteeForm.contractRate == '' || this.managerTrusteeForm.contractRate == null) {
        this.showMessage('请输入合同额占比')
        return
      }
      if (this.clickManagerTrusteePopup == 'edit') {
        this.distributionDtList[this.commissionedIndex] = this.managerTrusteeForm
      } else {
        this.managerTrusteeForm.mainId = this.basicForm.id
        this.managerTrusteeForm.id = parseInt(Math.random() * 1000000000000)
        this.distributionDtList.push(this.managerTrusteeForm)
      }
      this.showManagerTrusteePopup = false
      this.managerTrusteeForm = {
        projectMember: '',
        contractAmount: '',
        contractRate: '',
      } // 对象
    },

    // 关闭子表弹窗
    closeManagerTrusteePopup() {
      this.isRefresh = false
      this.isCheckoutInfoRefresh = false
      this.isContractNoInfoRefresh = false
      this.showManagerTrusteePopup = false
    },
		
		// 查询流程流转信息 -- 获取下一节点信息
		getProcessTaskTrans(taskId){
			getProcessTaskTransInfo({ taskId }).then(res => {
				if(res.success){
					this.resultObj = res.result
				} else {
					this.$refs.uToast.show({
						message: res.message,
						type: 'error'
					})
				}
			}).catch(err => {
				console.log(err);
			})
		},

    // 点击提交
    async onSubmit() {
      await this.$refs.form.validate()
			var _this = this
      const res = await erpOmcTaskReportAuditEdit(this.form)
      if (res.success) {
        this.$refs.uToast.show({
        	message: '提交成功',
        	type: 'success',
        	complete () {
        		_this.onAudit()
        	}
        })
        this.isSubmit = true
      } else {
        this.$refs.uToast.show({
          message: res.message,
          type: 'error',
        })
      }
    },

    onAudit() {
      if (!this.isSubmit) {
        uni.showToast({
          title: '请完善表单后审核',
          icon: 'none',
        })
        return false
      }
      var that = this
      uni.navigateTo({
        url: '/pages/synergy/ErpReportAuditForm' + `?item=${encodeURIComponent(JSON.stringify(this.model).replace(/%/g, '%25'))}`,
        events: {
          // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
          // acceptDataFromOpenedPage: function(data) {
          // }
        },
        success: function (data) {
          // 通过eventChannel向被打开页面传送数据
          var params = {
            nodeObj: encodeURIComponent(JSON.stringify(that.nodeObj).replace(/%/g, '%25')),
            tabvalue: that.tabvalue,
          }
          data.eventChannel.emit('sendMessage', params)
        },
        fail: function (err) {
          this.$refs.uToast.show({
            message: '请联系管理员配置',
            type: 'error',
          })
        },
      })
    },
  },
}
</script>

<style lang="scss" scoped>
@import url("@/assets/inputStyle.scss");
@import './common/action.scss';
.task_lists {
  padding: 20rpx 20rpx 0;
}
.image_lists {
  padding: 0 0 12rpx 12rpx;
  display: flex;
  flex-wrap: wrap;
  .image_list {
    margin-bottom: 20rpx;
    width: 144rpx;
    margin-right: 14rpx;
    .image_img {
      width: 116rpx;
      height: 116rpx;
      padding: 12rpx;
      background: rgba(0, 0, 0, 0.02);
      border-radius: 1px;
      border: 1px solid rgba(0, 0, 0, 0.08);
      position: relative;
      .image_action {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 36rpx;
        height: 36rpx;
      }
      .image_source {
        width: 100%;
        height: 100%;
      }
    }
    .image_name {
      font-size: 20rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #b2b2b2;
      line-height: 28rpx;
      margin-top: 8rpx;
      text-align: left;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 152rpx;
    }
  }
}

.flow_right {
  display: flex;
  align-items: center;
  image {
    width: 40rpx;
    height: 40rpx;
  }
  text {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1e6fff;
    line-height: 40rpx;
    margin-left: 4rpx;
  }
}

.task_bottom {
  display: flex;
  align-items: center;
  padding: 20rpx 0 20rpx 52rpx;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  .task_bottom_write {
    display: flex;
    align-items: center;
    image {
      width: 48rpx;
      height: 48rpx;
      margin-right: 8rpx;
    }
    text {
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #7f7f7f;
      line-height: 40rpx;
    }
  }
  .refuse {
    width: 168rpx;
    height: 90rpx;
    line-height: 90rpx;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10rpx;
    margin: 0 16rpx 0 52rpx;
    font-size: 34rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
  }
  .agree {
    width: 318rpx;
    height: 90rpx;
    line-height: 90rpx;
    background: #1e6fff;
    border-radius: 10rpx;
    font-size: 34rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
  }
}
.area {
  ::v-deep {
    .u-input {
      background: none !important;
    }
    .u-input__content__field-wrapper__field {
      color: #7f7f7f !important;
    }
    .u-input__content__subfix-icon {
      display: none;
    }
  }
}

// 评测信息
.info-title {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #171717;
  line-height: 40rpx;
  padding-bottom: 16rpx;
}

// 评测结果
.result-style {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #b2b2b2;
}

.inforamtion {
  margin-top: 10rpx;
  padding: 10rpx;
  border-radius: 15rpx;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
</style>
